﻿@import "../../LiberUI/Style/Default/Theme";
@import "../../LiberUI/Style/Default/_soIcons";

@font-face {
  font-family: 'SoIcons';
  src: url('/LiberUI/Style/Default/fonts/iconfont.eot');
  src: url('/LiberUI/Style/Default/fonts/iconfont.eot') format('embedded-opentype'), url('/LiberUI/Style/Default/fonts/iconfont.woff') format('woff'), url('/LiberUI/Style/Default/fonts/iconfont.ttf') format('truetype'), url('/LiberUI/Style/Default/fonts/iconfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
#pagePath{
    margin-top:1em;
    margin-bottom:1em;
    display:none;
}
a.strong{
    font-size:1.2em;
    font-weight:bold;
}

#orderHead{
    background-color:$ClrMsg;
    border:1px solid $ClrTheme;
    padding:0.3em;
    margin-bottom:1em;
}
#oh-id{

}
#oh-status{
    &.Draft{
        color:gray;
        &>i{
            @include soicon($ClrThemeTxt);
            @extend .icon-help;
        }
    }
    &.Active{
        color:$ClrTheme;
        &>i{
            @include soicon($ClrTheme);
            @extend .icon-update;
        }
    }
    &.Completed{
        color:$ClrOk;
        &>i{
            @include soicon($ClrOk);
            @extend .icon-done;
        }
    }
    &.Pending{
        color:$ClrImportant;
        &>i{
            @include soicon($ClrImportant);
            @extend .icon-help;
        }
    }
}

#orderStatusEx{
    border-top:1px solid darken($ClrMsg,30);
    &>div{
        margin-top:5px;
        &>div{
        }
    }
}

#lnkDelivery{
    display:none;
    float:right;
}

#orderProcess {
    & > div {
        border: 1px solid rgba(0,0,0,0);
        padding: 5px;
        cursor:pointer;
        &:hover {
            border: 1px solid $ClrTheme;
            background-color:white;
            -moz-transition: all ease-out 0.5s;
            -o-transition: all ease-out 0.5s;
            -webkit-transition: all ease-out 0.5s;
            transition: all ease-out 0.5s;
        }
    }
}

.todoItem{
        @include block();
        display:none;
        &>.todoTip{
        }
        &.ConfirmOrder{
            height:4rem;
            line-height:4rem;
            text-align:center;
            &.Active{     
                 &>.todoTip{
                     border:1px solid $ClrImportant;
                 }
            }
            &.Completed{
                &>.todoStatus{
                    text-align:center;
                    background-color:$ClrControllerBk;
                    color:$ClrOk;
                    &>i{
                        @include soicon($ClrOk);
                    }
                }
            }
            &>.button{
                height:4rem;
                line-height:4rem;
                font-size:1.6rem;
                &>i{
                    @include soicon(white,2rem);
                }
            }

        }
    }

.InfoSection{
    margin-top:1em;
    border:1px solid white;
    &>.InfoSectionTitle{
        width:100%;
        font-size:1.3rem;
        font-weight:bold;
        height:3rem;
        line-height:3rem;
        cursor:pointer;
        &:hover{
            background-color:$ClrDisable;
        }
        &>i{
            float:right;
            @include soicon($ClrThemeTxt,3rem);
            @extend .icon-unfoldmore;
        }
    }
    &>.InfoSectionBody{
        padding:0.3rem;
        display:none;
        overflow:hidden;
    }

    &.expand{
        &>.InfoSectionTitle{
            &>i{
                @extend .icon-unfoldless;
            }
        }
        &>.InfoSectionBody{
            height:auto;
            display:block;
        }
    }
}

#tradeTrace{
    
}
#tradeInfo{
    &>.ti-body{
        /*background-image: url('../Imgs/col-grid.gif');
        background-position:left top;
        background-repeat:repeat;
        background-size:33.5% auto;*/
    }
}
.tradeInfoGroup{
    margin-bottom:0.5em;
    padding:0.3em;
    background-color: #fafafa;
    &>dl{
        padding-left:1em;
        &>dt{
            width:8rem;
            vertical-align:top;
        }
        &>dd{
            width:70%;

        }
    }
}

#chkGridStyle{
    float:right;
    margin-top:1rem;
}

#orderItems{
    
}
.classicStyle,.modenStyle{
    display:none;
    & .DataField{
        &>.df-value{
            padding-left:4.5rem;
        }
    }
}

.order-item-tpl{
    display:none;
}

.order-item-specification,.order-item-model{
    text-align:left !important;
}

.order-item-product{
    padding:0 1rem;
    text-align:left !important;
}

.order-item-describe{
    padding:0 1rem;
    text-align:left !important;
}

.order-summy{
    &>div{
        float:right;
        width:16rem;
        &>strong{
            width:6rem;
            text-align:right;
        }
    }
}

#order-summy-pay{
    width:15rem;
    font-size:1.5rem;
    padding-top:1rem;
    border-top:1px solid $ClrTheme;
}

.foot{
    position:fixed;
    bottom:0;
    height:5rem;
    background-color:$ClrThemeBk;
    &>div{
        height:5rem;
        line-height:5rem;
        text-align:center;
    }
}

.detail {
    padding:0.5rem 0 7rem 0;
}

.wx-order-item-tpl{
    padding:0.5rem;
    @include block();
    margin-bottom:1rem;
    &>span{
        font-size:1.2rem;
    }
    &>.oi-mx-countinfo{
        font-size:1.2rem;
        color:$ClrTheme;
        text-align:left;
        &>.oi-mx-amount{
            float:right;
            color:$ClrThemeTxt;
        }
         &>.oi-storage{
            float:right;
            color:$ClrThemeTxt;
        }
    }
    &>.oi-mx-receipt,.oi-mx-remark{
        font-size:1.2rem;
        &>input{
            height:1.5rem;
            font-size:1.2rem;
            line-height:1.5rem;
        }
    }
}

#tradeAttachment{
    margin-bottom:1rem;
}

.Attachment{
    position: relative;
    width: 250px;
    height: 48px;
    padding-left: 48px;
    margin: 10px 10px 10px 0;
    overflow:hidden;
    &>.am-icon{
        top: 0;
        left: 0;
        height: 48px;
        line-height: 48px;
        width: 48px;
        background-image: url('../Imgs/filetype-default-big.png');
        background-size:100% 100%;
        position:absolute;
        &.am-ftype-pdf{
            background-image: url('../Imgs/filetype-pdf-big.png');
        }
        &.am-ftype-word{
            background-image: url('../Imgs/filetype-word-big.png');
        }
    }
    &>.am-info{
        position: relative;
        height: 48px;
        margin: 0;
        padding: 0;
        background-color: #f5f5f5;
        &>.am-info-name{
            padding-top: 6px;
            position: relative;
            line-height: 18px;
            padding: 0 6px 0 10px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }
        &>.am-action{
            padding-top:5px;
            font-size:1.2rem;
            &>a{
                float:right;
                margin-right:1rem;
            }
        }
    }
}
.old-order-panel{
    padding: 5px 20px;
    position: relative;
    z-index: 10000;
    float: right;

    &:hover .old-order-item{
        display: block;
    }
}
.old-order-item{
    background: #FFF;
    box-shadow: 1px 2px 3px -1px black;
    border-radius: 2px;
    list-style: none;
    padding: 1rem 0;
    cursor: pointer;
    position: absolute;
    top: 100%;
    right: 0;
    display: none;

    > a{
        line-height: 3rem;
        white-space:nowrap;
        border: 0;
        border-left: 5px solid transparent;
        padding: 0 5px;
        display: block;

        &:hover{
                background-color: #f0f0f0;
                border-left-color: #3caed4;
        }

        span{
            padding: 0 5px;
        }
    }
}